<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<title>列表页 - 广州市天河金领技工学校</title>
	<link rel="stylesheet" href="css/reset.css"> <!-- 重置样式 -->
	<link rel="stylesheet" href="css/list.css"> <!-- 加载列表页样式文件 -->
</head>

<body>
	<div class="header">
		<!-- 内容div (设计图1000px)-->
		<div class="content">
			<!-- 头部左边的logo -->
			<a href="" class="logo"><img src="images/logo.png" alt=""></a>

			<!-- 头部右边整体div（右浮动） -->
			<div class="fr">
				<!-- 头部右边菜单 menu -->
				<div class="menu fr">
					<a href="javascript:;" class="fl" id="time" style="margin-right: 20px;"></a>
					<a href=""><i class="fl">&#xe612;</i>收藏网站</a> &nbsp;|&nbsp;
					<a href="">联系我们</a> &nbsp;|&nbsp;
					<a href="">管理员登录</a>
				</div>
				<div class="clear"></div>
				<!-- 搜索 search -->
				<div class="search fr">
					<input type="text" class="text fl" placeholder="请输入关键字">
					<input type="submit" class="sub" value="&#xe613;">
				</div>
			</div>

			<!-- 头部下面的导航链接 -->
			<div class="nav">
				<!-- ul>li*8>a -->
				<ul>
					<li><a href="">首页</a></li>
					<li><a href="">部门简介</a></li>
					<li><a href="">学历教育</a></li>
					<li><a href="">技能考证培训</a></li>
					<li><a href="">职业资格培训</a></li>
					<li><a href="">创业培训</a></li>
					<li><a href="">特色培训</a></li>
					<li><a href="">企业定制培训</a></li>
				</ul>
				<div class="clear"></div>
			</div>

		</div>
	</div>

	<!-- 头部下面的banner广告位 -->
	<div class="banner">
		<img src="images/ad.jpg" alt="">
	</div>

	<div class="nav">
		<div class="content">
			<div class="pic">
				<img src="images_list/weizhi.jpg" alt="">
				<a>当前位置&ensp;:&ensp;<u>首页</u> &gt; <u>学历教育</u> &gt; <u>网络教育</u> &gt; <span><u>电大简介</u></span></a>
			</div>	
			<div class="left fl">
				<div class="title ">
					<img class="fl" src="images_list/yanjing.jpg" alt="">
					<p class="fl">FAST NAVGATIOW</p>
					<h3 class="fl">栏目导航</h3>
				</div>
				<div class="clear"></div>
				<div class="xueli">
					<div class="jiaoyu">
						<img class="fl" src="images_list/xueli.jpg" alt="">
						<h1>学历教育</h1>
					</div>
					<div class="clear"></div>
				</div>
				<div class="cr">
					<div class="jy">
						<i class="fl">&#xe614;</i>
						<h1 class="fl">成人教育&emsp;&ensp;></h1>
					</div>
					<div class="clear"></div>
				</div>
				<div class="cr">
					<div class="jy">
						<i class="fl">&#xece0;</i>
						<h1 class="fl"><span>网络教育&emsp;&ensp;></span></h1>
					</div>
					<div class="clear"></div>
				</div>
				<div class="dianda">
					<div class="jianjie">
						<p><img src="images_list/jianjie.jpg" alt="">电大简介</p>
						<p><img src="images_list/jianjie.jpg" alt="">招生信息</p>
						<p><img src="images_list/jianjie.jpg" alt="">报名须知</p>
					</div>
				</div>
				<div class="dianhua">
					<div class="hua">
						<img class="fl" src="images_list/dianhua.png" alt="">
						<p>咨询热线:</p>
						<p>020-88888888</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="pc">
					<img src="images_list/yaoshi.jpg" alt="">
				</div>
			</div>

	<!-- 简介内容	 -->
			<div class="intro fl">
				<div class="top">
					<h1>电大简介</h1>
					<p>Radino and television universlty</p>
					<img src="images_list/dianda.jpg" alt="">
				</div>
				<div class="details">
					<img class="fl" src="images_list/xuexiao.jpg" alt="">
					<div class="nr fl">
					<h3 class="fl">地处萝岗新区核心 区域优势明显<span>2016-4-10</span></h3>
					<p class="fl">
						以高科技制造业为主导，配套发展高科技第三产业，形成高效率的投资
						管理环境和产，学，住，商一体化的多功能，现代化新型城区。众多
						的高新技术企业及雄厚的合作背景为学校的建设与发展...
					</p>
					<p class="fr"><u>详情>></u></p>
					</div>
				</div>
				<div class="details">
					<img class="fl" src="images_list/xuexiao.jpg" alt="">
					<div class="nr fl">
					<h3 class="fl">地处萝岗新区核心 区域优势明显<span>2016-4-10</span></h3>
					<p class="fl">
						以高科技制造业为主导，配套发展高科技第三产业，形成高效率的投资
						管理环境和产，学，住，商一体化的多功能，现代化新型城区。众多
						的高新技术企业及雄厚的合作背景为学校的建设与发展...
					</p>
					<p class="fr"><u>详情>></u></p>
					</div>
				</div>
				<div class="details">
					<img class="fl" src="images_list/xuexiao.jpg" alt="">
					<div class="nr fl">
					<h3 class="fl">地处萝岗新区核心 区域优势明显<span>2016-4-10</span></h3>
					<p class="fl">
						以高科技制造业为主导，配套发展高科技第三产业，形成高效率的投资
						管理环境和产，学，住，商一体化的多功能，现代化新型城区。众多
						的高新技术企业及雄厚的合作背景为学校的建设与发展...
					</p>
					<p class="fr"><u>详情>></u></p>
					</div>
				</div>
				<div class="details">
					<img class="fl" src="images_list/xuexiao.jpg" alt="">
					<div class="nr fl">
					<h3 class="fl">地处萝岗新区核心 区域优势明显<span>2016-4-10</span></h3>
					<p class="fl">
						以高科技制造业为主导，配套发展高科技第三产业，形成高效率的投资
						管理环境和产，学，住，商一体化的多功能，现代化新型城区。众多
						的高新技术企业及雄厚的合作背景为学校的建设与发展...
					</p>
					<p class="fr"><u>详情>></u></p>
					</div>
				</div>
				<div class="details">
					<img class="fl" src="images_list/xuexiao.jpg" alt="">
					<div class="nr fl">
					<h3 class="fl">地处萝岗新区核心 区域优势明显<span>2016-4-10</span></h3>
					<p class="fl">
						以高科技制造业为主导，配套发展高科技第三产业，形成高效率的投资
						管理环境和产，学，住，商一体化的多功能，现代化新型城区。众多
						的高新技术企业及雄厚的合作背景为学校的建设与发展...
					</p>
					<p class="fr"><u>详情>></u></p>
					</div>
				</div>
				<div class="details">
					<img class="fl" src="images_list/xuexiao.jpg" alt="">
					<div class="nr fl">
					<h3 class="fl">地处萝岗新区核心 区域优势明显<span>2016-4-10</span></h3>
					<p class="fl">
						以高科技制造业为主导，配套发展高科技第三产业，形成高效率的投资
						管理环境和产，学，住，商一体化的多功能，现代化新型城区。众多
						的高新技术企业及雄厚的合作背景为学校的建设与发展...
					</p>
					<p class="fr"><u>详情>></u></p>
					</div>
				</div>
				<div class="details">
					<img class="fl" src="images_list/xuexiao.jpg" alt="">
					<div class="nr fl">
					<h3 class="fl">地处萝岗新区核心 区域优势明显<span>2016-4-10</span></h3>
					<p class="fl">
						以高科技制造业为主导，配套发展高科技第三产业，形成高效率的投资
						管理环境和产，学，住，商一体化的多功能，现代化新型城区。众多
						的高新技术企业及雄厚的合作背景为学校的建设与发展...
					</p>
					<p class="fr"><u>详情>></u></p>
					</div>
				</div>
				<div class="details">
					<img class="fl" src="images_list/xuexiao.jpg" alt="">
					<div class="nr fl">
					<h3 class="fl">地处萝岗新区核心 区域优势明显<span>2016-4-10</span></h3>
					<p class="fl">
						以高科技制造业为主导，配套发展高科技第三产业，形成高效率的投资
						管理环境和产，学，住，商一体化的多功能，现代化新型城区。众多
						的高新技术企业及雄厚的合作背景为学校的建设与发展...
					</p>
					<p class="fr"><u>详情>></u></p>
					</div>
				</div>
				<div class="list fl">
					<div class="f1 fl">上一页</div>
					<div class="f3 fl">1</div>
					<div class="f3 fl">2</div>
					<div class="f3 fl">3</div>
					<div class="f3 fl">4</div>
					<div class="f3 fl">...</div>
					<div class="f1 fl">下一页</div>
					<div class="f8 fl">跳转到</div>
					<div class="f3 fl"></div>
					<div class="f10 fl">页</div>
					<div class="f11 fl">GO</div>
				</div>
			</div>	
		</div>
		<div class="right fr">
			<div class="r1">
				<i>&#xe608;</i>
				<h3>在线<br>咨询</h3>
			</div>
			<div class="r1 ys">
				<i>&#xe609;</i>
				<h3>在线<br>报名</h3>
			</div>
			<div class="r1">
				<i>&#xe61a;</i>
				<h3>视频<br>下载</h3>
			</div>
			<div class="op">TOP</div>
		</div>
	</div>
	<div class="clear"></div>

	<!-- 网页底部 footer-->
	<div class="footer">
		<div class="content">
			<!-- 联系方式 contact-->
			<div class="contact fl">
				<h3>
					<i>&#xe618;</i>：020-28955996
				</h3>
				<table>
					<!-- tr*2>td*2 -->
					<tr height="28px">
						<td width="40px">邮箱：</td>
						<td>xxxx@163.com</td>
					</tr>
					<tr>
						<td valign="top">地址：</td>
						<td>广州市番禺区广州市番禺区广州市番禺区广州市</td>
					</tr>
				</table>
				<p>&copy;2018 广州市天河金领技工学校 版权所有 粤Y-20202020202</p>
			</div>
			<div class="line fl"></div>
			<!-- 友情链接 flink-->
			<div class="flink fl">
				<h3>友情链接：</h3>
				<p>广州市天河金领技工学校</p>
				<p>广州市天河金领技工学校</p>
				<p>广州市天河金领技工学校</p>
				<p>广州市天河金领技工学校</p>
				<p>广州市天河金领技工学校</p>
				<img src="images/weixin.jpg" alt="">
				<img src="images/qq.jpg" alt="">
				<img src="images/weibo.jpg" alt="">
				<img src="images/renren.jpg" alt="">
			</div>
			<div class="line fl"></div>
			<!-- 关注我们 focus-->
			<div class="focus fl">
				<h3>关注我们：</h3>
				<img src="images/erweima.jpg" alt="">
			</div>
			<div class="clear"></div>
		</div>
	</div>

	
	<script src="js/jquery.js"></script>
	<script src="js/common.js"></script>
</body>

</html>